<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>产品动态</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="shortcut icon" href="./upload/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/chanpin.css">
  <link rel="stylesheet" href="./Font/xz/iconfont.css">
</head>

<body>
  <!-- 模块一 -->
  <div class="meue">
    <div class="bgbox">
      <i class="icon-arrow "></i>
      <div class="bg1">
        <div class="bg1-p"></div>
        <div class="bg1-btn"></div>
        <div class="lx lx-1"></div>
        <div class="lx lx-2"></div>
        <div class="lx lx-3"></div>
        <div class="lx lx-4"></div>
        <div class="lx lx-5"></div>
        <div class="lx lx-6"></div>
      </div>
      <div class="bg2">
        <div class="bg2-p"></div>
        <div class="bg2-btn"></div>
      </div>
      <div class="bg3">
        <div class="bg3-p"></div>
        <div class="bg3-btn"></div>
      </div>
      <div class="bg4">
        <div class="bg4-p"></div>
        <div class="bg4-btn"></div>
      </div>
      <div class="content width">
        <div class="nav">
          <h1><a href="./index.html"><img src="./images/10009.png" alt=""></a></h1>
          <ul>
            <li class="fl">
              <a href="./chanpin.html" class="chanpindongtai">产品动态</a>
              <a href="./xiazai.html">下载</a>
            </li>
            <li class="fr">
              <a href="">pc版介绍</a>
              <a href="">Mac版介绍</a>
              <a href="">轻听介绍</a>
            </li>
          </ul>

        </div>
      </div>
      <div class="jingling ">
        <div class="jingling-content width">
          <div class="jl-pc active">
            <span class="iconfont icon-windows"></span>
            <a href="" class="pc">pc版</a>
          </div>
          <div class="jl-mac">
            <span class="iconfont icon-mac"></span>
            <a href="" class="mac">Mac版</a>
          </div>
          <div class="jl-iphone">
            <span class="iconfont icon-pingguo "></span>
            <a href="" class="iphone">iphone版</a>
          </div>
          <div class="jl-android">
            <span class="iconfont icon-anzhuo"></span>
            <a href="" class="android">Android版</a>
          </div>
        </div>

      </div>
    </div>

  </div>
  <!-- 模块二 -->
  <div class="singer">
    <i class="icon-arrow "></i>
    <div class="singer-p"></div>
    <div class="singer-sp"></div>
    <div class="singer-item">
      <div class="singer-part">
        <div class="part-item-pic part-item-pic1"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic2"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic3"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic4"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic5"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic6"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic7"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic8"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic9"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic10"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic11"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic12">
          <img src="./images/10001(1).jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic13">
          <img src="./images/10004 (1).jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic14"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic15"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic16"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic17">
          <img src="./images/10005 (2).jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic18">

        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic19">
          <img src="./images/bb.jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic20">
          <img src="./images/10007 (1).jpg" alt="">

        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic21">
          <img src="./images/10008.jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic22"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic23">

        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic24">

        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic25">
          <img src="./images/10009.jpg" alt="">

        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic26"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic27"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic28">

        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic29"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic30">
          <img src="./images/10010 (1).jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic31"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic32">
          <img src="./images/10011 (1).jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic33"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic34"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic35">
          <img src="./images/10012 (1).jpg" alt="">
        </div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic36"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic37"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic38"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic39"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic40"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic41"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic42"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic43"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic44"></div>
      </div>
      <div class="singer-part">
        <div class="part-item-pic part-item-pic45"></div>
      </div>

    </div>
  </div>
  <!-- 模块三 -->
  <div class="shejiao">
    <i class="icon-arrow "></i>
    <div class="shejiao-ft"></div>
    <div class="shejiao-fc"></div>
    <div class="shejiao-fb"></div>
  </div>
  <!-- 模块四 -->
  <div class="zhineng">
    <i class="icon-arrow "></i>
    <div class="zhineng-ft"></div>
    <div class="zhineng-fb"></div>
  </div>
  <!-- 模块五 -->
  <div class="tuijian">
    <div class="tuijian-ft"></div>
    <div class="tuijian-fc"></div>
    <div class="tuijian-fb"></div>
    <div class="tuijian-fp-h2"></div>
    <div class="tuijian-fp-h3"></div>
    <div class="footer">
      <div class="footer-fb">
        <p>Copyright © 1998 - 2022</p>
        <p>腾讯公司 版权所有 网络文化经营许可证：粤网文[2020]3396-195号</p>
      </div>

    </div>
  </div>
  <script src="./js/chanpin.js"></script>
</body>

</html>